@iconfont-path : '../../../';
@import '../../../iconfont/graph.iconfont.less';

.msgbox {
	z-index: 100;
}

.geEditor {
	font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
	font-size: 10pt;
	border: none;
	margin: 0px;
}

.geEditor input[type=text]::-ms-clear {
	display: none;
}

.geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebarContainer .geTitle {
	cursor: pointer !important;
}

.geBackgroundPage {
	-webkit-box-shadow: 0px 0px 3px 0px #d9d9d9;
	-moz-box-shadow: 0px 0px 3px 0px #d9d9d9;
	box-shadow: 0px 0px 3px 0px #d9d9d9;
}

.geSidebarContainer a,
a,
.geToolbar a {
	color: #182b50;
	text-decoration: none;
}

.geMenubarContainer,
.geToolbarContainer,
.geDiagramContainer,
.geSidebarContainer,
.geFooterContainer,
.geHsplit,
.geVsplit {
	overflow: hidden;
	position: absolute;
	cursor: default;
}
.geMenubarContainer {
	background-color:#fbfbfb !important;
	height: 32px;
}
.geFormatContainer {
	background-color: whiteSmoke !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	font-size: 12px;
}
div.geFormatContainer .geColorBtn.geButton>.geSprite{
	padding-left: 2.5px;
	padding-top: 1.5px;
}
div.geFormatContainer  button{
	background-color: #f3f4f6;
	color:#3582fb;
	border: 1px solid #e8eaee;
	height: 30px;
}
div.geFormatContainer button{
	background: #f3f4f6;
}
div.geFormatContainer input{
	border-top: 1px solid #e8eaee;
	border-bottom: 1px solid #e8eaee;
	border-left: 1px solid #e8eaee;
	color: #8c95a8;
}
div.geFormatContainer {
	span{
    position: absolute;
		margin-top: -2px;
	}
	input[value="landscape"]{
		margin-left: 35px!important;
	}
	div[style="margin-left: 4px; width: 210px; height: 24px;"]{
		span{
			margin-top: 1px;
		}
	}
}
div[style="right: 0px; z-index: 1; top: 35px; width: 240px; bottom: 28px;"]{
	background: #fff!important;
}
button[title="Copy Size (Alt+Shit+X)"]{
	background: red;
}
div[style="display: inline; z-index: 10006; left: 898px; top: 130px;"],div[style="display: inline; z-index: 10006; left: 77.6719px; top: 29px;"],div[style="display: inline; z-index: 10006; left: 1696px; top: 130px;"],div[style="display: inline; z-index: 10006; left: 898px; top: 158px;"]{
	table.mxPopupMenu{
		tr:nth-last-child(1){
			display: none
		}
		tr:nth-last-child(2){
			display: none
		}
	}
	
}
.geDiagramContainer::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.geDiagramContainer::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #bac0cb;
}

.geDiagramContainer::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff
}
div[style="text-align: center; font-weight: bold; overflow: hidden; display: inline-block; padding-top: 8px; height: 25px; width: 100%;"]{
	text-indent: 18px;
	font-size: 14px;
	text-align: left!important;
}
div.geToolbar{
	a[title="字体"]{
		div{
			margin-top: 2px
		}
	}
	a[title="插入"]{
		div{
			margin-top: -1px!important;
		}
	}
}
div[style="white-space: nowrap; color: rgb(63, 74, 86); text-align: left; cursor: default; border-bottom: none;"]{
	div[style="padding: 2px 0px 4px 18px; border-bottom: 1px solid rgb(223, 230, 238);"]{
		div{
			margin: 5px 0;
		}
	}
}
div[tietle="自动调整 (Ctrl+Shift+Y)"]{
	margin-top: -1px;
}
div[style="border: 20px; position: absolute; margin-top: 2px; right: 20px;"]{
	div.geBtnUp,div.geBtnDown{
		width: 12px;
		height: 12px;
	}
}
button[title="设置为默认样式 (Ctrl+Shift+D)"]{
	display: none;
}
div[style="padding: 10px 0px 10px 18px; border-bottom: 1px solid rgb(223, 230, 238);"]{
	button{
		cursor: pointer;
	}
}
button[style="line-height: normal; margin-top: 4px; margin-bottom: 8px;"]{
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 8px;
	height: 30px;
	width: 120px;
	font-size: 12px;
	background-color: #f3f4f6;
	color: #3582fb;
	border: 1px solid #e8eaee;
	cursor: pointer;
}
// div[style="white-space: nowrap; color: rgb(63, 74, 86); text-align: left; cursor: default;"]{
// 	a[class="geButton geColorBtn"]{
// 		position: relative;
//     width: 50px!important;
// 		div:first-child{
// 			position: absolute;
// 			left: 0;
// 		}
// 		div:last-child{
// 			position: absolute;
// 			right: 0;
// 		}
		
// 	}
// }
div[class="geSidebarContainer geFormatContainer"]{
	button{
		cursor: pointer;
	}
}
.geDiagramContainer {
	background-color: #ebebeb;
	border: 1px solid #e5e5e5;
	font-size: 0px;
	outline: none;
	min-width: 100px;
	table{
		min-width: 100px;
	}
}

.geMenubar,
.geToolbar {
	white-space: nowrap;
	display: block;
	width: 100%;
}

.geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebar,
.geSidebarContainer .geTitle,
.geSidebar .geItem,
.mxPopupMenuItem {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.geHint {
	background-color: #ffffff;
	border: 1px solid gray;
	padding: 4px 16px 4px 16px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px 0px #ddd;
	-moz-box-shadow: 1px 1px 2px 0px #ddd;
	box-shadow: 1px 1px 2px 0px #ddd;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size: 9pt;
}

.geStatusAlert {
	white-space: nowrap;
	margin-top: -5px;
	font-size: 12px;
	padding: 4px 6px 4px 6px;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442 !important;
	border-radius: 3px;
}

.geStatusAlert:hover {
	background-color: #f1d8d8;
	border-color: #d6b2b8;
}

.geStatusMessage {
	white-space: nowrap;
	margin-top: -5px;
	padding: 4px 6px 4px 6px;
	font-size: 12px;
	background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
	background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
	background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border: 1px solid #b2dba1;
	border-radius: 3px;
	color: #3c763d !important;
}

.geStatusMessage:hover {
	background: #c8e5bc;
	border-color: #b2dba1;
}

.geAlert {
	position: absolute;
	white-space: nowrap;
	padding: 14px;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442;
	border-radius: 3px;
	-webkit-box-shadow: 2px 2px 3px 0px #ddd;
	-moz-box-shadow: 2px 2px 3px 0px #ddd;
	box-shadow: 2px 2px 3px 0px #ddd;
}

.geBtn,
.mxWindow .geBtn {
	background-image: none;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #d8d8d8;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	line-height: 27px;
	margin: 0 0 0 8px;
	min-width: 72px;
	outline: 0;
	padding: 0 8px;
	cursor: pointer;
}

.geBtn:hover,
.geBtn:focus {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #c6c6c6;
	background-color: #f3f4f6;
	background-image: linear-gradient(#f3f4f6 0px, #f1f1f1 100%);
	color: #111;
}

.geBtn:disabled {
	opacity: .5;
}

.geBtnUp {//上箭头
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
}

.geBtnUp:active {
	background-color: #4d90fe;
	background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geBtnDown {//下箭头
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
}

.geBtnDown:active {
	background-color: #4d90fe;
	background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geColorBtn {
	background-color: #f3f4f6!important;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	color: #333;
	margin: 0px;
	outline: 0;
	padding: 0px;
	cursor: pointer;
}
div.geToolbarContainer{
	a[class="geButton geColorBtn"]:hover {
		background-color: #eaf2ff!important;
		color: #3582fb;
	}
	.geColorBtn:checked {
		background-color: #3582fb!important;
	}

	a[class="geButton geColorBtn"]:active {
		background-color: #3582fb!important;
	}

	.geColorBtn:disabled {
		opacity: .5;
	}
}


.gePrimaryBtn,
.mxWindow .gePrimaryBtn {
	background-color: #3582fb;
	background-image: linear-gradient(#3582fb 0px, #3582fb 100%);
	border: 1px solid #3582fb;
	color: #fff;
	font-weight: normal;
}

.gePrimaryBtn:hover,
.gePrimaryBtn:focus {
	background-color: #5d9bfc;
	background-image: linear-gradient(#5d9bfc 0px, #5d9bfc 100%);
	border: 1px solid #5d9bfc;
	color: #fff;
	font-weight: normal;
}

.gePrimaryBtn:disabled {
	opacity: .5;
}

.geAlertLink {
	color: #843534;
	font-weight: 700;
	text-decoration: none;
}

.geMenubar {
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}

.geItem,
.geToolbar .geItem {
	padding: 6px 8px 6px 8px;
	cursor: default;
}

.geItem:hover {
	background: #eeeeee;
}

.mxDisabled:hover {
	background: inherit !important;
}

.geMenubar a.geStatus {
	color: #b3b3b3;
	padding-left: 6px;
	display: inline-block;
	cursor: default !important;
}

.geMenubar a.geStatus:hover {
	background: transparent;
}

.geMenubarMenu {
	border: 1px solid #d5d5d5 !important;
}

.geToolbarContainer {
	background: #fff!important;
	border-bottom: 1px solid #e0e0e0;
}

.geSidebarContainer .geToolbarContainer {
	background: transparent;
	border-bottom: none;
}

.geSidebarContainer button {
	text-overflow: ellipsis;
	overflow: hidden;
}

.geToolbar {
	padding: 1px 0px 0px 6px;
	border-top: 1px solid #e0e0e0;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}

.geToolbarContainer .geSeparator {
	float: left;
	width: 1px;
	height: 40px;
	background: #e5e5e5;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: -2px;
}

.geToolbarContainer .geButton {
	float: left;
	width: 20px;
	height: 20px;
	padding: 5px 0px 3px 6px;
	margin: 2px;
	border: 1px solid transparent;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.geToolbarContainer .geButton:hover {
	border-radius: 2px;
	opacity: 1;
	filter: none !important;
}

.geToolbarContainer .geButton:active {
	border: 1px solid black;
}

div.mxWindow .geButton {
	margin: -1px 2px 2px 2px;
	padding: 1px 2px 2px 1px;
}

.geToolbarContainer .geLabel {
	float: left;
	cursor: pointer;
	// padding:7px 5px 3px 6px;
	padding: 2px 5px 0px 6px;
	border: 1px solid transparent;
	opacity: 0.6;
	filter: alpha(opacity=60);
	margin: 2px;
	margin-top: 3px;
}

.geToolbarContainer .geLabel:hover {
	border: 1px solid gray;
	border-radius: 2px;
	opacity: 0.9;
	filter: alpha(opacity=90) !important;
}

.geToolbarContainer .geLabel:active {
	border: 1px solid black;
	opacity: 1;
	filter: none !important;
}

.geToolbarContainer .mxDisabled:hover {
	border: 1px solid transparent !important;
	opacity: 0.2 !important;
	filter: alpha(opacity=20) !important;
}

.geToolbarMenu {
	border: 1px solid #DFDFDF !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: #DFDFDF 5px 5px 10px 1px !important;
	filter: none !important;
}

.geDiagramBackdrop {
	background-color: #ebebeb;
}

.geSidebarContainer {
	background: #ffffff;
	overflow: hidden;
	position: absolute;
	border-top: 1px solid #e5e5e5;
	overflow: auto;
}
input[type=checkbox] {
  position: relative;
  width: 12px;
	height: 12px;
	-webkit-apprarence: none;
}
input[type=checkbox]::before{
	content: '';
	position: absolute;
	top: -11px;
	width: 12px;
	height: 0;
	text-align: center;
	font-size: 16px;
  background-image: url();
	border-radius: 2px;
	background-repeat: no-repeat;
	overflow: hidden;
}
input[type=checkbox]:checked::before {
  background-image: url();	
	background-repeat: no-repeat;
}

input[type=radio] {
  position: relative;
  width: 10px;
  height: 0px;
}
input[type=radio]::before{
	content: '';
	position: absolute;
	top: -9px;
	width: 14px;
	height: 14px;
	text-align: center;
	font-size: 16px;
  background-image: url();
	border-radius: 2px;
	background-repeat: no-repeat;
}
input[type=radio]:checked::before {
  background-image: url();	
	background-repeat: no-repeat;
}
input[type=radio]:hover::before {
  background-image: url();	
	background-repeat: no-repeat;
}
input[type=radio]:checked:hover::before {
  background-image: url();	
	background-repeat: no-repeat;
}
.geSidebar {
	background: #fff!important;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px;
	_padding: 1px;
	padding-bottom: 12px;
	overflow: hidden;
}

.geSidebarContainer .geTitle {
	display: block;
	font-size: 9pt;
	border-bottom: 1px solid #e5e5e5;
	font-weight: normal;
	padding: 6px 0px 6px 14px;
	margin: 0px;
	cursor: default;
	background: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	text-indent: 18px;
	background-position: 6% 50%!important;
	color:#182b50;
}
div[style="position: relative; cursor: pointer; margin-top: -3px; border: 0px; left: 52px; opacity: 0.5;"]{
	margin-top: -1px;
}
.geSidebarContainer .geTitle:hover {
	background: #e5e5e5;
}

.geTitle img {
	opacity: 0.5;
	_filter: alpha(opacity=50);
}

.geTitle img:hover {
	opacity: 1;
	_filter: alpha(opacity=100);
}

.geTitle .geButton {
	border: 1px solid transparent;
	padding: 3px;
	border-radius: 2px;
}

.geTitle .geButton:hover {
	border: 1px solid gray;
}

.geSidebar .geItem {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: move;
}

.geSidebar .geItem:hover {
	border: 1px solid gray !important;
}

.geItem {
	vertical-align: top;
	display: inline-block;
}

.geSidebarTooltip {
	position: absolute;
	background: white;
	overflow: hidden;
	border: 1px solid gray;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
	-moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
	box-shadow: 0px 0px 2px 2px #d5d5d5;
	_filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
}

.geFooterContainer {
	background: #e5e5e5;
	border-top: 1px solid #c0c0c0;
}

.geFooterContainer a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	white-space: nowrap;
	font-size: 14px;
	color: #235695;
	font-weight: bold;
	text-decoration: none;
}

.geFooterContainer table {
	border-collapse: collapse;
	margin: 0 auto;
}

.geFooterContainer td {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

.geFooterContainer td:hover {
	background-color: #b3b3b3;
}

.geHsplit {
	cursor: col-resize;
	background-color: #e8eaee;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.geVsplit {
	font-size: 1pt;
	cursor: row-resize;
	background-color: #e5e5e5;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.geHsplit:hover,
.geVsplit:hover {
	background-color: #d5d5d5;
}

.geDialog {
	position: absolute;
	background: white;
	line-height: 1em;
	overflow: hidden;
	padding: 30px;
	border: 1px solid #acacac;
	-webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
	-moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
	box-shadow: 0px 0px 2px 2px #d5d5d5;
	_filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
	z-index: 2;
}

.geDialogClose {
	position: absolute;
	width: 9px;
	height: 9px;
	opacity: 0.5;
	cursor: pointer;
	_filter: alpha(opacity=50);
}

.geDialogClose:hover {
	opacity: 1;
}

.geDialogTitle {
	box-sizing: border-box;
	white-space: nowrap;
	background: rgb(229, 229, 229);
	border-bottom: 1px solid rgb(192, 192, 192);
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: rgb(35, 86, 149);
}

.geDialogFooter {
	background: whiteSmoke;
	white-space: nowrap;
	text-align: right;
	box-sizing: border-box;
	border-top: 1px solid #e5e5e5;
	color: darkGray;
}

.geBaseButton {
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #c0c0c0;
	cursor: pointer;
	background-color: #ececec;
	background-image: linear-gradient(#ececec 0%, #fcfcfc 100%);
}

.geBaseButton:hover {
	background: #ececec;
}

.geBigButton {
	color: #ffffff;
	border: none;
	padding: 10px;
	font-size: 14pt;
	white-space: nowrap;
	border-radius: 6px;
	text-shadow: rgb(41, 89, 137) 0px 1px 0px;
	background-color: #428bca;
	background-image: linear-gradient(rgb(70, 135, 206) 0px, rgb(48, 104, 162) 100%);
	-webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
	-moz-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
	box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
}

.geBigButton:hover {
	background-color: #2d6ca2;
	background-image: linear-gradient(rgb(90, 148, 211) 0px, rgb(54, 115, 181) 100%);
}

.geBigButton:active {
	background-color: rgb(54, 115, 181);
	background-image: none;
}

@media print {
	div.geNoPrint {
		display: none !important;
	}
}

.font-graph-geSprite-actualsize {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 0;
}

.font-graph-geSprite-fillcolor {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -229px;
	margin-top: -3px;
}

.font-graph-geSprite-gradientcolor {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -368px;
}

.font-graph-geSprite-image {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -414px;
}

.font-graph-geSprite-print {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -598px;
}

.font-graph-geSprite-noarrow {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1334px;
}

.font-graph-geSprite-endclassic {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1380px;
}

.font-graph-geSprite-endopen {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1426px;
}

.font-graph-geSprite-endblock {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1472px;
}

.font-graph-geSprite-endoval {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1518px;
}

.font-graph-geSprite-enddiamond {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1564px;
}

.font-graph-geSprite-endthindiamond {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1610px;
}

.font-graph-geSprite-endclassictrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1656px;
}

.font-graph-geSprite-endblocktrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1702px;
}

.font-graph-geSprite-endovaltrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1748px;
}

.font-graph-geSprite-enddiamondtrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1794px;
}

.font-graph-geSprite-endthindiamondtrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1840px;
}

.font-graph-geSprite-startclassic {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1886px;
}

.font-graph-geSprite-startopen {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1932px;
}

.font-graph-geSprite-startblock {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -1978px;
}

.font-graph-geSprite-startoval {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2024px;
}

.font-graph-geSprite-startdiamond {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2070px;
}

.font-graph-geSprite-startthindiamond {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2116px;
}

.font-graph-geSprite-startclassictrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2162px;
}

.font-graph-geSprite-startblocktrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2208px;
}

.font-graph-geSprite-startovaltrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2254px;
}

.font-graph-geSprite-startdiamondtrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2300px;
}

.font-graph-geSprite-startthindiamondtrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2346px;
}

.font-graph-geSprite-globe {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2392px;
}

.font-graph-geSprite-deletecolumn {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -2990px;
}

.font-graph-geSprite-deleterow {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3036px;
}

.font-graph-geSprite-insertcolumnafter {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3082px;
}

.font-graph-geSprite-insertcolumnbefore {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3128px;
}

.font-graph-geSprite-insertrowafter {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3174px;
}

.font-graph-geSprite-insertrowbefore {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3220px;
}

.font-graph-geSprite-grid {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3272px;
}

.font-graph-geSprite-guides {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3324px;
}

.font-graph-geSprite-alignleft {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3416px;
}

.font-graph-geSprite-alignright {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3462px;
}

.font-graph-geSprite-aligncenter {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3508px;
}
.font-graph-geSprite-aligntop {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3554px;
}

.font-graph-geSprite-alignbottom {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3600px;
}

.font-graph-geSprite-alignmiddle {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3646px;
}


.font-graph-geSprite-rounded {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -3968px;
}

.font-graph-geSprite-duplicate {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4106px;
}

.font-graph-geSprite-insert {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4152px;
}

.font-graph-geSprite-endblockthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4201px;
}

.font-graph-geSprite-endblockthintrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4247px;
}

.font-graph-geSprite-enderone {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4293px;
}

.font-graph-geSprite-enderonetoone {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4339px;
}

.font-graph-geSprite-enderonetomany {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4385px;
}

.font-graph-geSprite-endermany {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4431px;
}

.font-graph-geSprite-enderoneopt {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4477px;
}

.font-graph-geSprite-endermanyopt {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4523px;
}

.font-graph-geSprite-endclassicthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4938px;
}

.font-graph-geSprite-endclassicthintrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4984px;
}

.font-graph-geSprite-enddash {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5029px;
}

.font-graph-geSprite-endcircleplus {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5075px;
}

.font-graph-geSprite-endcircle {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5121px;
}

.font-graph-geSprite-endasync {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5167px;
}

.font-graph-geSprite-endasynctrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5213px;
}

.font-graph-geSprite-startblockthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4569px;
}

.font-graph-geSprite-startblockthintrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4615px;
}

.font-graph-geSprite-starterone {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4661px;
}

.font-graph-geSprite-starteronetoone {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4707px;
}

.font-graph-geSprite-starteronetomany {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4753px;
}

.font-graph-geSprite-startermany {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4799px;
}

.font-graph-geSprite-starteroneopt {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4845px;
}

.font-graph-geSprite-startermanyopt {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -4891px;
}

.font-graph-geSprite-startclassicthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5259px;
}

.font-graph-geSprite-startclassicthintrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5305px;
}

.font-graph-geSprite-startdash {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5351px;
}

.font-graph-geSprite-startcircleplus {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5397px;
}

.font-graph-geSprite-startcircle {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5443px;
}

.font-graph-geSprite-startasync {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5489px;
}

.font-graph-geSprite-startasynctrans {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5535px;
}

.font-graph-geSprite-startcross {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5581px;
}

.font-graph-geSprite-startopenthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5627px;
}

.font-graph-geSprite-startopenasync {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5673px;
}

.font-graph-geSprite-endcross {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5719px;
}

.font-graph-geSprite-endopenthin {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5765px;
}

.font-graph-geSprite-endopenasync {
	background: url('') no-repeat;
	width: 21px;
	height: 21px;
	background-position: 0 -5811px;
}


.geSprite-delete {
	background: url() no-repeat;
    width: 21px;
    height: 21px;
	background-position: 0 -184px;
}

.geSprite-insert {
	background: url() no-repeat;
    width: 21px;
    height: 21px;
	background-position: 0 -4152px;
}

.geSprite-dots {
	background: url() no-repeat;
    width: 21px;
    height: 21px;
	background-position: 0 -3370px;
}

.geSprite-duplicate {
	background: url() no-repeat;
    width: 21px;
    height: 21px;
	background-position: 0 -4106px;
}

.geSprite-plus {
	background: url() no-repeat;
    width: 21px;
    height: 21px;
	background-position: 0 -3922px;
}

html div.mxRubberband {
	border-color: #0000DD;
	background: #99ccff;
}

html div.mxPopupMenu {
	-webkit-box-shadow: 2px 2px 3px #d5d5d5;
	-moz-box-shadow: 2px 2px 3px #d5d5d5;
	box-shadow: 2px 2px 3px #d5d5d5;
	_filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d0d0d0', Positive='true');
	background: white;
	position: absolute;
	border: 3px solid #e7e7e7;
}

html table.mxPopupMenu {
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}

html td.mxPopupMenuItem {
	padding: 7px 30px 7px 30px;
	font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
	font-size: 10pt;
}

html td.mxPopupMenuIcon {
	background-color: white;
	padding: 2px;
}

td.mxPopupMenuIcon .geIcon {
	border: 1px solid transparent;
	opacity: 0.5;
	display: inline-block;
	padding: 5px 12px;
	font-size: 16px;
}

td.mxPopupMenuIcon .geIcon:hover {
	border-radius: 2px;
	opacity: 0.9;
}

html tr.mxPopupMenuItem {
	color: #182b50;

	td {
		color: #182b50;

		span {
			color: gray
		}
	}
}

html tr.mxPopupMenuItemHover {
	background-color: #FFF;
	color: black;
}

html tr.mxPopupMenuItemHover {
	td {
		// color:#5382FB;
		color: #5382FB;
		background: #d7e6fe;

		span {
			color: #5382FB;
			background: #d7e6fe;
		}
	}
}

table.mxPopupMenu hr {
	color: #d1d5dc;
	background-color: #d1d5dc;
	border: none;
	height: 1px;
}

table.mxPopupMenu tr {
	font-size: 4pt;
}

html td.mxWindowTitle {
	font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
	text-align: left;
	font-size: 12px;
	color: rgb(112, 112, 112);
	padding: 4px;
}